<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/iconfont.css">
		
	</head>
	<body>
		<!--header-->
		<header>
			<div class="header_top">
				<div ><a class="logo" href="index.html"></a></div>
				<ul class="user">
					<li><a href="logon.html">登录</a><a>/</a><a href="register.html">注册</a><a href="" class="iconfont icon-account"></a></li>
					<li><a href="">购物车</a><a href="" class="iconfont icon-shopping-cart-fill"></a></li>
					<li><a href="" class="iconfont icon-wind-cry"></a></li>
					<li><a href="" class="iconfont icon-wind-smile"></a></li>
					<li><a href="" class="iconfont icon-question-circle-fill"></a></li>
				</ul>
			</div>
			<div class="header_footer">	
				<ul>
					<li><a href="">男的</a></li>
					<li><a href="">女的</a></li>
					<li><a href="">儿童</a></li>
					<li><a href="">联名合作款</a></li>
					<li><a href="">店铺分布</a></li>
				</ul>
			</div>
		</header>
		<div id="lun">
		<!-- 轮播大图 -->
		<ul>
			
			<!-- <li ><a href=""><img src="//image.converse.com.cn/static/kv/pc/os_dimension_kv_pc_190426.jpg" alt=""></a></li>
			<li><a href=""><img src="//image.converse.com.cn/static/kv/pc/jwa_glitter_kv_pc_190509.jpg" alt=""></a></li>
			<li><a href=""><img src="//image.converse.com.cn/static/kv/pc/jp_gold_kv_pc_190426.jpg" alt=""></a></li>
			<li><a href=""><img src="//image.converse.com.cn/static/kv/pc/lbhd_kv_pc_190401.jpg" alt=""></a></li> -->
			<li class="active"><a href=""><img src="img/5.jpg" alt=""></a></li>
			<li><a href=""><img src="img/6.jpg" alt=""></a></li>
			<li><a href=""><img src="img/7.jpg" alt=""></a></li>
			<li><a href=""><img src="img/8.jpg" alt=""></a></li>
		</ul> 
		<!-- 轮播图圆点 -->
		<div id="list-circle">
			<ul>
				<li class="list-active"></li>
				<li></li>
				<li></li>
				<li></li>
				
			</ul>
		</div>
		<!-- 轮播图左右箭头 -->
		<div id="left"><</div>
		<div id="right">></div>
		</div>
		<script src="js/lunbotu.js" type="text/javascript" charset="utf-8"></script>
		<!-- nav -->
		<div id="nav_wrap">
			<div id="nav">
				<div class="nav_title">
					<h2>——热卖单品——</h2>
				</div>
				<div class="nac_class">
					<ul>
						<li>
							<dl>
								<dt><a href="">男的踩的</a></dt>
								<dd><a href=""></a></dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><a href="">女的踩的</a></dt>
								<dd><a href=""></a></dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><a href="">穿的</a></dt>
								<dd><a href=""></a></dd>
							</dl>
						</li>
						<li>
							<dl>
								<dt><a href="">戴的</a></dt>
								<dd><a href=""></a></dd>
							</dl>
						</li>
						
					</ul>
				</div>
				<div class="nav_shop">
					<ul>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						
						
					</ul>
					<div class="anniu">
						<a href="goodslist.html">查看所以女的踩的最新商品&gt;</a>
					</div>
				</div>
			</div>
		</div>
		
		<!-- content -->
		<div id="content_wrap">
			<div id="content">
				<div class="nav_title">
					<h2>——新品热荐——</h2>
				</div>
				
				
				<div class="nav_shop">
					<ul>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						<li>
							<a  href=""><img src="img/man.jpg" alt=""></a>
							<a class="p_l" href="">【男女同款】One Star CC Slip</a>
							<a class="p_x" href="">$569.00</a>
							
						</li>
						
					</ul>
					
				
			</div>
		</div>
		
		<!-- column -->
		<div id="column_wrap">
			<div id="column">
				<div class="column_title">
					<span>街头先行</span>
				</div>
				<div class="column_li">
					<ul>
						<li>
							<a href=""><img src="img/lan.jpg" ></a>
							<a href=""><h2>夏日拼色 经典变身</h2></a>
							<a href=""><p>Chuck Taylor All Star’70延续70鞋款的经典鞋型设计，偏窄鞋头与修长鞋型上脚优雅显瘦。同时鞋面采用皮革材质，提升了品质感。沿用至今的复古大鞋舌，不对称鞋头挡泥板与光亮的鞋围条细节，加厚海绵鞋垫提升了舒适度。</p></a>
							<span><a href="">查看更多&gt;</a></span>
						</li>						
					</ul>	
					<ul>
						<li>
							<a href=""><img src="img/lan.jpg" ></a>
							<a href=""><h2>夏日拼色 经典变身</h2></a>
							<a href=""><p>Chuck Taylor All Star’70延续70鞋款的经典鞋型设计，偏窄鞋头与修长鞋型上脚优雅显瘦。同时鞋面采用皮革材质，提升了品质感。沿用至今的复古大鞋舌，不对称鞋头挡泥板与光亮的鞋围条细节，加厚海绵鞋垫提升了舒适度。</p></a>
							<span><a href="">查看更多&gt;</a></span>
						</li>						
					</ul>
				</div>
				
			</div>
			
		</div>
		
		<!--module  -->
		<!-- <div id="module_wrap">
			<div id="module">module</div>
		</div> -->
		<div id="column_wrap">
			<div id="column">
				<div class="column_title">
					<span>至酷精选 玩转潮流</span>
				</div>
				<div class="module_li">
					<ul>
						<li>
							<a href=""><img src="img/lan.jpg" ></a>
							<a href=""><h2>夏日拼色 经典变身</h2></a>
							<a href=""><p>经典款"ONE STAR"款式，自然优雅，从视觉上放松人们的心情。融入SKATE元素，源于纽约街头设计灵感，呈现出舒适的穿着体验，行走舒适自如，让你尽享运动中的乐趣。</p></a>
							<span><a href="">查看更多&gt;</a></span>
						</li>						
					</ul>	
					<ul>
						<li>
							<a href=""><img src="img/lan.jpg" ></a>
							<a href=""><h2>夏日拼色 经典变身</h2></a>
							<a href=""><p>经典款"ONE STAR"款式，自然优雅，从视觉上放松人们的心情。融入SKATE元素，源于纽约街头设计灵感，呈现出舒适的穿着体验，行走舒适自如，让你尽享运动中的乐趣。</p></a>
							<span><a href="">查看更多&gt;</a></span>
						</li>						
					</ul>
					<ul>
						<li>
							<a href=""><img src="img/lan.jpg" ></a>
							<a href=""><h2>夏日拼色 经典变身</h2></a>
							<a href=""><p>经典款"ONE STAR"款式，自然优雅，从视觉上放松人们的心情。融入SKATE元素，源于纽约街头设计灵感，呈现出舒适的穿着体验，行走舒适自如，让你尽享运动中的乐趣。</p></a>
							<span><a href="">查看更多&gt;</a></span>
						</li>						
					</ul>
				</div>
				
			</div>
			
		</div>
		<!--menu-->
		<div id="menu_wrap">
			<div id="menu">
				<div class="footer_top">
					<h3>关注CONVERSE</h3>
					<p>Converse同时活跃在各类社交网络平台，点击下列你所喜爱的常用社交平台，密切关注Converse的最新产品与资讯。</p>
					<ul>
						<li><a href=""></a></li>
						<li><a href=""></a></li>
						<li><a href=""></a></li>
						<li><a href=""></a></li>
						<li><a href=""></a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<!--footer-->
		<!-- <div id="footer_wrap"> -->
			<div id="footer">
			
					
				
				<div class="footer_t">
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
					<ul >
						<li><a class="fist" href="">男的</a></li>
						<li><a href="">CHUCK TAYLOR ALL STAR</a></li>
						<li><a href="">CONVERSE CONS</a></li>
						<li><a href="">JACK PURCELL</a></li>
						<li><a href="">CHUCK II</a></li>
						<li><a class="next" href=""></a></li>
						<li><a class="next" href="">踩的</a></li>
						<li><a class="next" href="">穿的</a></li>
						<li><a class="next" href="">戴的</a></li>
						<li><a class="next" href="">优惠</a></li>
						
					</ul>
				</div>
				</div>
				
				<div class="foot_warp">
					<div class="footer_s">
						<div class="footer_f">
								<ul>
									<li><a href="">关于我们</a></li>
									<li><a href="">帮助和购物指南</a></li>
									<li><a href="">法律声明</a></li>
									<li><a href="">使用规则</a></li>
									
								</ul>
								
							</div>
							<div class="tubiao">
								<a href=""></a>
							</div>
							<div class="footer_x">
								<a href="">@匡威体育用品（中国）有限公司 保留所有权利 </a>
							</div>
							
						</div>
					</div>
				</div>
				
		<!-- </div> -->
	<script src="js/ajax.js"></script>
	<script>
		onload = function(){
			loadData()
		}
		async function loadData(){
			var data = await Ajax('GET','http://39.105.192.164:9090/apitest/goodslist','');
			// console.log();
			render(JSON.parse(data).data)
		}
		function render(json){
			console.log(json)
		}
	</script>	
	</body>
</html>
